<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>部门OKR</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.css">
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<link rel="stylesheet" href="../css/icons-extra.css">
<link rel="stylesheet" type="text/css" href="../css/public2.css" />
<link rel="stylesheet" href="../css/iconfont.css" />
</head>

<body>

	<div style="display: none;">
		<img src="logo.jpg">
	</div>

<!-- 查询弹出层 -->
<div id="search" class="mui-popover" style="position: fixed;">
	<form class="mui-input-group" id="orgfindpage" style="width: 100%;">
		<table style="width: 56%; margin-top: 15px; margin-bottom: 10px;" align="center" class="orgfind">
			<tr>
				<td width="38%">
				<label style="">年度：</label>
				</td>
				<td>
					<select style="width: 59%; height: 35px;">
						<option value="请选择">请选择</option>
						<option value="2014">2014</option>
						<option value="2015">2015</option>
						<option value="2016">2016</option>
						<option value="2017">2017</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label style="">季度：</label></td>
				<td>
					<select style="width: 59%; height: 35px;">
						<option value="0">请选择</option>
						<option value="1">一季度</option>
						<option value="2">二季度</option>
						<option value="3">三季度</option>
						<option value="4">四季度</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label style="">月度：</label></td>
				<td>
					<select style="width: 59%; height: 35px;">
						<option value="0">请选择</option>
						<option value="1">1月</option>
						<option value="2">2月</option>
						<option value="3">3月</option>
						<option value="4">4月</option>
						<option value="5">5月</option>
						<option value="6">6月</option>
						<option value="7">7月</option>
						<option value="8">8月</option>
						<option value="9">9月</option>
						<option value="10">10月</option>
						<option value="11">11月</option>
						<option value="12">12月</option>
					</select>
				</td>
			</tr>
		</table>
		<p style="text-align: center; margin: 5px 0;">
			<button class="mui-btn mui-btn-primary">查询</button>
		</p>
	</form>
</div>
<!--查询弹出层-->



	<!--组织列表弹出层-->
	<div id="orglayer" class="">

		<div style="position: relative; left: 100%; width: 20%">
			<img id="closebtn" style="margin-top: 2%; box-shadow: 0 0 20px #ccc;"
				src="../img/x.png">
		</div>

		<div class="menuTree">
			<div>
				<span>中软国际</span>
			</div>
		</div>

		<div id="" class=""
			style="overflow: scroll; position: relative; height: 100%;">



			<div class="mui-scroll" style="margin-bottom: 15%;">



				<div id="menuTree" class="menuTree"></div>



			</div>



		</div>

	</div>

	<!--组织列表弹出层-->




	<header class="mui-bar mui-bar-nav">
		<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left"
			style="line-height: 26px; font-size: 20px; color: #007aff;"><span
			style="font-size: 17px; color: #007aff;">组织</span></a>
		<h1 class="mui-title">部门OKR列表</h1>
		<a href="#search" class="mui-icon mui-icon-search mui-pull-right"
			style="line-height: 26px; font-size: 20px; color: #007aff;"><span
			style="font-size: 17px; color: #007aff;">查询</span></a>
	</header>


	<div class="mui-content">
		<p id="title">经营管理</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">总经理</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">副总经理</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<p id="title">销售</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">销售总监</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">销售</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">销售助理</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<p id="title">售前</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">售前</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<p id="title">交付</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">交付总监</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<p id="title">开发</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">产品经理</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">设计师</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">开发工程师</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<p id="title">测试</p>
		<div class="mui-card border_radius">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">测试经理</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
				<li class="mui-table-view-cell mui-collapse list_li"><a
					class="mui-navigate-right">测试工程师</a>
					<div class="mui-collapse-content">
						<ul id="bumen_name_1" class="bumen_name">
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
							<li><a href="../index.php">孙小梅</a></li>
							<li class="float_right"><a href="../index.php">孙小梅</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
		<div style="height: 10px;">&nbsp;</div>
		<hr>
		<center>
			<p>&copy; 2016 中软国际</p>
			<center>
				<div style="height: 30px;">&nbsp;</div>
	</div>

	<script>
		var orglayer = document.getElementById("orglayer");
		var orgbtn = document.getElementById("orgbtn");
		var closebtn = document.getElementById("closebtn");
		orgbtn.onclick = function() {
			orglayer.className = "rhua";
		}

		closebtn.onclick = function() {
			orglayer.className = "lhua";
		}
	</script>


	<script src="../js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript">
		var json = [ {
			"name" : "IIG集团",
			"userLevel" : "",
			"list" : [ {
				//显示名称
				"name" : "JF生态大部门",
				//跳转名称
				"url" : "#",
				//用户等级
				"userLevel" : "",
				//下级
				"list" : [ {
					"name" : "JF生态部",
					"userLevel" : "",
					"list" : [ {
						"name" : "JF生态部--1--1",
						"userLevel" : ""
					}, {
						"name" : "JF生态部--1--2",
						"userLevel" : ""
					}, ]
				}, {
					"name" : "JF生态部2",
					"userLevel" : ""
				}, ]
			},

			{
				//显示名称
				"name" : "JF生态大部门BBBB",
				//跳转名称
				"url" : "#",
				//用户等级
				"userLevel" : "",
				//下级
				"list" : [ {
					"name" : "JF生态部BBB",
					"userLevel" : "",
					"list" : [ {
						"name" : "JF生态部--1--1BBB",
						"userLevel" : ""
					}, {
						"name" : "JF生态部--1--2BBB",
						"userLevel" : ""
					}, ]
				}, {
					"name" : "JF生态部2BBB",
					"userLevel" : ""
				}, ]
			},

			]
		} ];
	</script>
	<script src="../js/tree.js"></script>
	<script src="../js/mui.js"></script>


</body>

</html>